<template>
  <div class="topicFoot">
    <div class="lcon">
      <router-link to="/">
        <i class="el-icon-s-home"></i>
        <p>首页</p>
      </router-link>
      <router-link to="/customer">
        <i class="el-icon-phone"></i>
        <p>客服</p>
      </router-link>
      <router-link to="">
        <i class="el-icon-star-off" :plain="true" @click="open2"></i>
        <p>收藏</p>
      </router-link>
    </div>
    <div class="btt">
      <el-row>
        <el-button type="info" @click="addShopCar">加入购物车</el-button>

   
          <el-button type="danger" @click="goShop">立即购买</el-button>
      
      </el-row>
    </div>
  </div>
</template>

<script>
import { addCar } from "../../../api";
export default {
  props: ["data"],
  methods: {
    addShopCar() {
      this.$store.commit('SET_DRAWER',true)
      this.$store.commit('SET_NAME','加入购物车')

    },
    goShop(){
      this.$store.commit('SET_DRAWER',true)
      this.$store.commit('SET_NAME','立即购买')
    },
    open2() {
      this.$message({
        message: "已收藏",
        type: "success",
      });
    },
  },
  data() {
    return {
      list: {},
    };
  },
  mounted() {
    // console.log(this.data.productId,'sssww');
    // this.list = {...this.data}
    console.log(this.data,';;;;');
  },
};
</script>

<style scoped>
.topicFoot {
  height: 6.5vh;
  background: white;
  border-top: 1px solid #aaa;
}
.lcon {
  width: 30vw;
  font-size: 3vh;
  margin-left: 3vw;
  display: flex;
  justify-content: space-between;
  float: left;
}
p {
  font-size: 2vh;
}
.btt {
  float: right;
  padding-right: 2vw;
}
</style>